import styled from "styled-components";

export const Search = styled.div`
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:center;
    /* justify-content:space-around; */
    background-color:#fefffe;
    .sea-logo{
        width: 2rem;
        height:1.1rem;
    }
    input{
        border: none;
        background-color: #f5f5f5;
        width: 3.6rem;
    }
    .search-input{
        height: 80%;
        padding-top: 5px;
        padding-bottom: 5px;
        /* padding-left:4px ; */
        /* border: 2px solid black; */
        display: flex;
        background-color: #f6f6f6;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        border-radius: 15px;
        padding-right: 15px;
        .sea-img-imgSearch{
            width: 0.4rem;
            height: 0.5rem;
           
        }
    }
    .one{
        height: 1.1rem;
        width: 4.5rem;
        /* background-color:red ; */
        display: flex;
        flex-direction: row;
        justify-content:space-around;
        align-items:center;
    }

`